<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>防差错管理驾驶舱</title>
    <link rel="stylesheet" type="text/css" th:href="@{/board_kt/style/cockpit.css}"/>
    <script th:src="@{/js/vue.js}" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
</head>

<!-- 全局js -->
<link rel="shortcut icon" th:href="@{/favicon.ico}">
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/content.js}"></script>
<script th:src="@{/js/app.js}" type="text/javascript"></script>
<script th:src="@{/self/axios.js}"></script>
<!--echarts-->
<script th:src="@{/js/plugins/echarts/echarts.min.js}"></script>
<script th:src="@{/js/plugins/sweetalert/sweetalert.min.js}"></script>
<script type="text/javascript" th:src="@{/board_kt/scripts/jquery.min.js}"></script>
<script th:src="@{/board_kt/scripts/echarts.min.js}"></script>

<body>
<div id="app">
    <div class="toptitle">
        <div class="time">
            {{time}}
        </div>
    </div>

    <div class="record">
        <div class="record_L">
            <div class="record_tit">环境温度</div>
            <div class="record_content">
                <div class="">
                    <div class="record_name">
                        温度
                    </div>
                    <div class="record_num">
                        20℃
                    </div>
                </div>
                <div class="">
                    <div class="record_name">
                        湿度
                    </div>
                    <div class="record_num">
                        15℃
                    </div>
                </div>
            </div>
        </div>
        <div class="record_list">
            <div class="record_tit">
                <div class="">
                    称量任务
                </div>
                <div class="">
                    配制订单
                </div>
            </div>
            <div class="record_content">
                <div class="">
                    <div class="record_name">
                        总数量
                    </div>
                    <div class="record_num" id="weightOrderNumberTotal">
                        xxx
                    </div>
                </div>
                <div class="">
                    <div class="record_name">
                        完成数量
                    </div>
                    <div class="record_num" id="weightOrderNumberFinish">
                        xxx
                    </div>
                </div>
                <div class="">
                    <div class="record_name">
                        完成率
                    </div>
                    <div class="record_num" id="weightOrderRate">
                        xxx
                    </div>
                </div>
                <div class="line"></div>
                <div class="">
                    <div class="record_name">
                        总数量
                    </div>
                    <div class="record_num" id="configOrderNumberTotal">
                        15℃
                    </div>
                </div>
                <div class="">
                    <div class="record_name">
                        完成数量
                    </div>
                    <div class="record_num" id="configOrderNumberFinish">
                        20℃
                    </div>
                </div>
                <div class="">
                    <div class="record_name">
                        完成率
                    </div>
                    <div class="record_num" id="configOrderRate">
                        15℃
                    </div>
                </div>
            </div>
        </div>
        <div class="record_list">
            <div class="record_tit">配制订单列表</div>
            <div class="record_tittype">
                <div class="record_name">
                    工单号
                </div>
                <div class="record_name">
                    设备
                </div>
                <div class="record_name">
                    产品
                </div>
                <div class="record_name">
                    数量
                </div>
                <div class="record_name">
                    单位
                </div>
                <div class="record_name">
                    状态
                </div>
            </div>
            <div class="record_datalist">
                <div :style="{'marginTop':marginTop+'px'}">
                    <div class="record_tittype" v-for="(item,index) in orderList">
                        <div class="record_name">
                            {{item.orderSn}}
                        </div>
                        <div class="record_name">
                            {{item.machineSn}}
                        </div>
                        <div class="record_name">
                            {{item.productName}}
                        </div>
                        <div class="record_name">
                            {{item.planWeight}}
                        </div>
                        <div class="record_name">
                            {{item.unit}}
                        </div>
                        <div class="record_name">
                            {{item.orderState==0?"未完成":"进行中"}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--锅组-->
    <div class="record">
        <div class="record_pota">
            <div class="record_tit">350L</div>
            <div class="record_center">
                <div class="center">
                    <div class="center_left_top">
                        <div class="center_left_top_tit">
                            <!--                            一号主锅-->
                            主锅
                        </div>
                        <div class="center_left_pot">
                            <div>
                                状态：{{list1_1.is_run==0?"停用":"运行"}}
                            </div>
<!--                            <div>-->
<!--                                报警：正常-->
<!--                            </div>-->
                            <div>
                                工单：{{list1_1.order_sn}}
                            </div>
                            <div>
                                产品：{{list1_1.product_name}}
                            </div>
                            <div>
                                数量：{{list1_1.plan_weight}}
                            </div>
                            <div>
                                当前工艺步数：<span
                                    style="color: #1D40FF;">{{list1_1.now_step == null? 0:list1_1.now_step}}</span>/{{list1_1.total_step}}
                            </div>
                            <!-- 进度条 -->
                            <div class="center_speed">
                                <div class="speed"
                                     :style="'width:' +list1_1.now_step/list1_1.total_step*100 +'%;'"></div>
                                <!--                                     :style="'width:' +list1_1.now_step/list1_1.total_step +'%;'"></div>-->

                            </div>
                            <div>
                                温度：{{listValue1_1.valueTemperatureNow}} ℃
                            </div>
                            <div>
                                压力：{{listValue1_1.valuePressureNow}} MPa
                            </div>
                            <div>
                                转速1：{{listValue1_1.valueSpeedNow}} r/min
                            </div>
                            <div>
                                转速2：{{listValue1_1.valueSpeed2Now}} r/min
                            </div>
                            <div>
                                转速3：{{listValue1_1.valueSpeed3Now}} r/min
                            </div>
                        </div>
                    </div>
                    <div class="center_left_top center_tu">
                        <div class="center_tu_tit">
                            温度
                        </div>
                        <div id="container1" style="width: 100%;height:200px"></div>
                    </div>
                </div>
                <div class="center center_pot">
                    <img th:src="@{/board_kt/image/rhj.png}">
                </div>
                <div class="center">
                    <div class="center_left_top">
                        <div class="center_left_top_tit">
                            <!--                            一号水锅-->
                            水锅
                        </div>
                        <div class="center_left_pot">
                            <div>
                                状态：{{list1_2.is_run==0?"停用":"运行"}}
                            </div>
<!--                            <div>-->
<!--                                报警：正常-->
<!--                            </div>-->
                            <div>
                                工单：{{list1_2.order_sn}}
                            </div>
                            <div>
                                产品：{{list1_2.product_name}}
                            </div>
                            <div>
                                数量：{{list1_2.plan_weight}}
                            </div>
                            <div>
                                当前工艺步数：<span
                                    style="color: #1D40FF;">{{list1_2.now_step==null?0:list1_2.now_step}}</span>/{{list1_2.total_step}}
                            </div>
                            <!-- 进度条 -->
                            <div class="center_speed">
                                <div class="speed"
                                     :style="'width:' +list1_2.now_step/list1_2.total_step *100+'%;'"></div>
                            </div>
                            <div>
                                温度：{{listValue1_2.valueTemperatureNow}} ℃
                            </div>
                            <div>
                                压力：{{listValue1_2.valuePressureNow}} MPa
                            </div>
                            <div>
                                转速1：{{listValue1_2.valueSpeedNow}} r/min
                            </div>

                        </div>
                    </div>
                    <div class="center_left_top">
                        <div class="center_left_top_tit">
                            <!--                            一号油锅-->
                            油锅
                        </div>
                        <div class="center_left_pot">
                            <div>
                                状态：{{list1_3.is_run==0?"停用":"运行"}}
                            </div>
<!--                            <div>-->
<!--                                报警：正常-->
<!--                            </div>-->
                            <div>
                                工单：{{list1_3.order_sn}}
                            </div>
                            <div>
                                产品：{{list1_3.product_name}}
                            </div>
                            <div>
                                数量：{{list1_3.plan_weight}}
                            </div>
                            <div>
                                当前工艺步数：<span
                                    style="color: #1D40FF;">{{list1_3.now_step==null?0:list1_3.now_step}}</span>/{{list1_3.total_step}}
                            </div>
                            <!-- 进度条 -->
                            <div class="center_speed">
                                <div class="speed"
                                     :style="'width:' +list1_3.now_step/list1_3.total_step*100 +'%;'"></div>
                            </div>
                            <div>
                                温度：{{listValue1_3.valueTemperatureNow}} ℃
                            </div>
                            <div>
                                压力：{{listValue1_3.valuePressureNow}} MPa
                            </div>
                            <div>
                                转速1：{{listValue1_3.valueSpeedNow}} r/min
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="record_center">
                <div class="center_left_top center_tu">
                    <div class="center_tu_tit">
                        压力
                    </div>
                    <div id="container2" style="width: 100%;height:200px"></div>
                </div>
                <div class="center_left_top center_tu">
                    <div class="center_tu_tit">
                        转速
                    </div>
                    <div id="container3" style="width: 100%;height:200px"></div>
                </div>
            </div>
        </div>
        <div class="record_pota">
            <div class="record_tit">650L</div>
            <div class="record_center">
                <div class="center">
                    <div class="center_left_top">
                        <div class="center_left_top_tit">
                            <!--                            二号主锅-->
                            主锅
                        </div>
                        <div class="center_left_pot">
                            <div>
                                状态：{{list2_1.is_run==0?"停用":"运行"}}
                            </div>
<!--                            <div>-->
<!--                                报警：正常-->
<!--                            </div>-->
                            <div>
                                工单：{{list2_1.order_sn}}
                            </div>
                            <div>
                                产品：{{list2_1.product_name}}
                            </div>
                            <div>
                                数量：{{list2_1.plan_weight}}
                            </div>
                            <div>
                                当前工艺步数：<span
                                    style="color: #1D40FF;">{{list2_1.now_step==null?0:list2_1.now_step}}</span>/{{list2_1.total_step}}
                            </div>
                            <!-- 进度条 -->
                            <div class="center_speed">
                                <div class="speed"
                                     :style="'width:' +list2_1.now_step/list2_1.total_step*100 +'%;'"></div>
                            </div>
                            <div>
                                温度：{{listValue2_1.valueTemperatureNow}} ℃
                            </div>
                            <div>
                                压力：{{listValue2_1.valuePressureNow}} MPa
                            </div>
                            <div>
                                转速1：{{listValue2_1.valueSpeedNow}} r/min
                            </div>
                            <div>
                                转速2：{{listValue2_1.valueSpeed2Now}} r/min
                            </div>
                            <div>
                                转速3：{{listValue2_1.valueSpeed3Now}} r/min
                            </div>
                        </div>
                    </div>
                    <div class="center_left_top center_tu">
                        <div class="center_tu_tit">
                            温度
                        </div>
                        <div id="container4" style="width: 100%;height:200px"></div>
                    </div>
                </div>
                <div class="center center_pot">
                    <img th:src="@{/board_kt/image/rhj.png}">
                </div>
                <div class="center">
                    <div class="center_left_top">
                        <div class="center_left_top_tit">
                            <!--                            二号水锅-->
                            水锅
                        </div>
                        <div class="center_left_pot">
                            <div>
                                状态：{{list2_2.is_run==0?"停用":"运行"}}
                            </div>
<!--                            <div>-->
<!--                                报警：正常-->
<!--                            </div>-->
                            <div>
                                工单：{{list2_2.order_sn}}
                            </div>
                            <div>
                                产品：{{list2_2.product_name}}
                            </div>
                            <div>
                                数量：{{list2_2.plan_weight}}
                            </div>
                            <div>
                                当前工艺步数：<span
                                    style="color: #1D40FF;">{{list2_2.now_step==null?0:list2_2.now_step}}</span>/{{list2_2.total_step}}
                            </div>
                            <!-- 进度条 -->
                            <div class="center_speed">
                                <div class="speed"
                                     :style="'width:' +list2_2.now_step/list2_2.total_step*100 +'%;'"></div>
                            </div>
                            <div>
                                温度：{{listValue2_2.valueTemperatureNow}} ℃
                            </div>
                            <div>
                                压力：{{listValue2_2.valuePressureNow}} MPa
                            </div>
                            <div>
                                转速1：{{listValue2_2.valueSpeedNow}} r/min
                            </div>
                        </div>
                    </div>
                    <div class="center_left_top">
                        <div class="center_left_top_tit">
                            <!--                            二号油锅-->
                            油锅
                        </div>
                        <div class="center_left_pot">
                            <div>
                                状态：{{list2_3.is_run==0?"停用":"运行"}}
                            </div>
<!--                            <div>-->
<!--                                报警：正常-->
<!--                            </div>-->
                            <div>
                                工单：{{list2_3.order_sn}}
                            </div>
                            <div>
                                产品：{{list2_3.product_name}}
                            </div>
                            <div>
                                数量：{{list2_3.plan_weight}}
                            </div>
                            <div>
                                当前工艺步数：<span
                                    style="color: #1D40FF;">{{list2_3.now_step==null?0:list2_3.now_step}}</span>/{{list2_3.total_step}}
                            </div>
                            <!-- 进度条 -->
                            <div class="center_speed">
                                <div class="speed"
                                     :style="'width:' +list2_3.now_step/list2_3.total_step*100 +'%;'"></div>
                            </div>
                            <div>
                                温度：{{listValue2_3.valueTemperatureNow}} ℃
                            </div>
                            <div>
                                压力：{{listValue2_3.valuePressureNow}} MPa
                            </div>
                            <div>
                                转速1：{{listValue2_3.valueSpeedNow}} r/min
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="record_center">
                <div class="center_left_top center_tu">
                    <div class="center_tu_tit">
                        压力
                    </div>
                    <div id="container5" style="width: 100%;height:200px"></div>
                </div>
                <div class="center_left_top center_tu">
                    <div class="center_tu_tit">
                        转速
                    </div>
                    <div id="container6" style="width: 100%;height:200px"></div>
                </div>
            </div>
        </div>
        <div class="record_potb">
            <div class="record_tit">1000L</div>
            <div class="center_zhu">
                <div class="center_pot right_pot">
                    <img th:src="@{/board_kt/image/zhu.png}">
                </div>
                <div class="center_left_top">
                    <div class="center_left_top_tit">
                        <!--                        三号主锅-->
                        主锅
                    </div>
                    <div class="center_left_pot">
                        <div>
                            状态：{{list3.is_run==0?"停用":"运行"}}
                        </div>
<!--                        <div>-->
<!--                            报警：正常-->
<!--                        </div>-->
                        <div>
                            工单：{{list3.order_sn}}
                        </div>
                        <div>
                            产品：{{list3.product_name}}
                        </div>
                        <div>
                            数量：{{list3.plan_weight}}
                        </div>
                        <div>
                            当前工艺步数：<span style="color: #1D40FF;">{{list3.now_step==null?0:list3.now_step}}</span>/{{list3.total_step}}
                        </div>
                        <!-- 进度条 -->
                        <div class="center_speed">
                            <div class="speed"
                                 :style="'width:' +list3.now_step/list3.total_step*100 +'%;'"></div>
                        </div>
                        <div>
                            温度：{{listValue3.valueTemperatureNow}} ℃
                        </div>
                        <div>
                            压力：{{listValue3.valuePressureNow}} MPa
                        </div>
                        <div>
                            转速1：{{listValue3.valueSpeedNow}} r/min
                        </div>
                        <div>
                            转速2：{{listValue3.valueSpeed2Now}} r/min
                        </div>
                        <div>
                            转速3：{{listValue3.valueSpeed3Now}} r/min
                        </div>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="center_left_top center_tu">
                    <div class="center_tu_tit">
                        温度
                    </div>
                    <div id="container7" style="width: 100%;height:130px"></div>
                </div>
                <div class="center_left_top center_tu">
                    <div class="center_tu_tit">
                        压力
                    </div>
                    <div id="container8" style="width: 100%;height:130px"></div>
                </div>
                <div class="center_left_top center_tu">
                    <div class="center_tu_tit">
                        转速
                    </div>
                    <div id="container9" style="width: 100%;height:130px"></div>
                </div>
            </div>
        </div>
    </div>

</div>

<script>

    // //定时刷新
    // function myrefresh() {
    //     window.location.reload();
    // }
    // setTimeout('myrefresh()', 10000); //指定1秒刷新一次

    //1-主锅 2-水锅 3-油锅
    var order_Sn_350_1 = -1;
    var order_Sn_350_2 = -1;
    var order_Sn_350_3 = -1;
    var order_Sn_650_1 = -1;
    var order_Sn_650_2 = -1;
    var order_Sn_650_3 = -1;
    var order_Sn_1000 = -1;
    var vm = new Vue({
        el: "#app",
        data: {
            time: "2020-01-01 00:00:00",
            //配制工单列表（滚动）
            orderList: [],
            marginTop: 0,
            timer: '',
            //总锅组
            deviceList: {},
            //350L锅组
            list1_1: {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'},
            list1_2: {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'},
            list1_3: {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'},
            //650L锅组
            list2_1: {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'},
            list2_2: {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'},
            list2_3: {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'},
            //1000L锅组
            list3: {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'},
            //350L锅组数值
            listValue1_1: {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'},
            listValue1_2: {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'},
            listValue1_3: {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'},
            //650L锅组数值
            listValue2_1: {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'},
            listValue2_2: {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'},
            listValue2_3: {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'},
            //1000L锅组数值
            listValue3: {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'}
        },
        created() {
            //方法区
            this.times()
            this.timer = setInterval(this.showNotice, 100)
            this.boardConfigOrder()
            this.getBoardDeviceAll()
            this.getBoardValueNow()
            setInterval(() => {
                this.boardConfigOrder()
                this.getBoardDeviceAll()
                this.getBoardValueNow()
            }, 5000);
        },
        methods: {
            showNotice() {
                this.marginTop--
                if (this.marginTop < -60) { // 滚上去36px后把前两条数据拉下来
                    this.orderList.push(this.orderList[0])
                    this.orderList.push(this.orderList[1])
                    this.orderList.shift()
                    this.orderList.shift()
                    this.marginTop = 0
                }
            },
            //配制工单列表（滚动）
            boardConfigOrder() {
                axios.post(baseUrl + "boardConfigOrder")
                    .then(response => {
                        //console.log(response)
                        if (response.data.code === 0) {
                            //console.log(this.orderList)
                            var orderList = response.data.data
                            this.orderList = orderList
                        }
                    })
            },
            //锅组表
            getBoardDeviceAll() {
                axios.post(baseUrl + "getBoardDeviceAll", {})
                    .then(response => {
                        console.log(response)
                        if (response.data.code === 0) {
                            var deviceList = response.data.data
                            // console.log(deviceList)
                            //350L锅组
                            var list1 = deviceList.filter(aa => aa.capacity == "350L")
                            if(list1.length > 0) {
                                // 主
                                var list1_1 = list1.filter(aa => aa.device_type_id == 1)
                                // order_Sn_350_1 = list1_1[0].order_sn
                                if(list1_1.length>0) {
                                    this.list1_1 = list1_1[0]
                                } else {
                                    this.list1_1 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                                }
                                // 水
                                var list1_2 = list1.filter(aa => aa.device_type_id == 2)
                                // order_Sn_350_2 = list1_2[0].order_sn
                                if(list1_2.length>0) {
                                    this.list1_2 = list1_2[0]
                                } else {
                                    this.list1_2 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                                }
                                // 油
                                var list1_3 = list1.filter(aa => aa.device_type_id == 3)
                                // order_Sn_350_3 = list1_3[0].order_sn
                                if(list1_3.length > 0){
                                    this.list1_3 = list1_3[0]
                                } else {
                                    this.list1_3 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                                }
                            } else {
                                this.list1_1 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                                this.list1_2 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                                this.list1_3 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                            }

                            //650L锅组
                            var list2 = deviceList.filter(aa => aa.capacity == "650L")
                            if(list2.length> 0) {
                                var list2_1 = list2.filter(aa => aa.device_type_id == 1)
                                if(list2_1.length > 0) this.list2_1 = list2_1[0];
                                else this.list2_1 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};

                                var list2_2 = list2.filter(aa => aa.device_type_id == 2)
                                if(list2_2.length> 0) this.list2_2 = list2_2[0];
                                else this.list2_2 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};

                                var list2_3 = list2.filter(aa => aa.device_type_id == 3)
                                if(list2_3.length > 0) this.list2_3 = list2_3[0];
                                else this.list2_3 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                            } else {
                                this.list2_1 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                                this.list2_2 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                                this.list2_3 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                            }

                            //1000L锅组
                            var list3 = deviceList.filter(aa => aa.capacity == "1000L")
                            if(list3.length > 0) {
                                var list3_1 = list3.filter(aa => aa.device_type_id == 1)
                                if(list3_1.length>0) this.list3 = list3_1[0];
                                else this.list3 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                            } else {
                                this.list3 = {device_name:'',is_run:0,order_sn:'',product_name:'',plan_weight:'0',now_step:'0',total_step:'0'};
                            }

                            this.deviceList = deviceList
                        }
                    })
            },
            //数值表
            getBoardValueNow() {
                var initValue = {valueTemperatureNow:'0',valuePressureNow:'0',valueSpeedNow:'0',valueSpeed2Now:'0',valueSpeed3Now:'0'};
                axios.post(baseUrl + "getBoardValueNow",{})
                    .then(response => {
                        //console.log(response)
                        if (response.data.code === 0) {
                            var valueList = response.data.data
                            //console.log(valueList)
                            //350L锅组
                            var listValue1 = valueList.filter(aa => aa.capacity == "350L")
                            if(listValue1.length > 0){
                                var listValue1_1 = listValue1.filter(aa => aa.device_type_id == 1)
                                if(listValue1_1.length>0) this.listValue1_1 = listValue1_1[0];
                                else this.listValue1_1 = initValue;

                                var listValue1_2 = listValue1.filter(aa => aa.device_type_id == 2)
                                if(listValue1_2.length>0) this.listValue1_2 = listValue1_2[0];
                                else this.listValue1_2 = initValue;

                                var listValue1_3 = listValue1.filter(aa => aa.device_type_id == 3)
                                if(listValue1_3.length>0) this.listValue1_3 = listValue1_3[0];
                                else this.listValue1_3 = initValue;
                            } else {
                                this.listValue1_1 = initValue;
                                this.listValue1_2 = initValue;
                                this.listValue1_3 = initValue;
                            }


                            //650L锅组
                            var listValue2 = valueList.filter(aa => aa.capacity == "650L")
                            if(listValue2.length > 0){
                                var listValue2_1 = listValue2.filter(aa => aa.device_type_id == 1)
                                if(listValue2_1.length>0) this.listValue2_1 = listValue2_1[0];
                                else this.listValue2_1 = initValue;

                                var listValue2_2 = listValue2.filter(aa => aa.device_type_id == 2)
                                if(listValue2_2.length>0) this.listValue2_2 = listValue2_2[0];
                                else this.listValue2_2 = initValue;

                                var listValue2_3 = listValue2.filter(aa => aa.device_type_id == 3)
                                if(listValue2_3.length>0) this.listValue2_3 = listValue2_3[0];
                                else this.listValue2_3 = initValue;
                            } else {
                                this.listValue2_1 = initValue;
                                this.listValue2_2 = initValue;
                                this.listValue2_3 = initValue;
                            }


                            //1000L锅组
                            var listValue3 = valueList.filter(aa => aa.capacity == "1000L")
                            if(listValue3.length>0){
                                var listValue3_1 = listValue3.filter(aa => aa.device_type_id == 1)
                                if(listValue3_1.length>0) this.listValue3 = listValue3_1[0];
                                else this.listValue3 = initValue;
                            } else {
                                this.listValue3 = initValue;
                            }
                        }
                    })
            },

            getNow(s) {
                return s < 10 ? '0' + s : s;
            },
            times() { //时间
                setInterval(res => {
                    var myDate = new Date();
                    var weeks = ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"]
                    var year = myDate.getFullYear(); //获取当前年
                    var month = myDate.getMonth() + 1; //获取当前月
                    var date = myDate.getDate(); //获取当前日
                    var day = myDate.getDay();
                    var week = weeks[day - 1];
                    var h = this.getNow(myDate.getHours()).toString(); //获取当前小时数(0-23)
                    var m = this.getNow(myDate.getMinutes()).toString(); //获取当前分钟数(0-59)
                    var s = this.getNow(myDate.getSeconds()).toString();
                    // console.log(year + "-" + month + "-" + date + " " + h + ":" + m + ":" + s)
                    this.time = year + "-" + month + "-" + date + " " + h + ":" + m + ":" + s
                }, 1000)
            },
        }
    });
</script>
<script>
    var dom1 = document.getElementById("container1"),
        dom2 = document.getElementById("container2"),
        dom3 = document.getElementById("container3"),
        dom4 = document.getElementById("container4"),
        dom5 = document.getElementById("container5"),
        dom6 = document.getElementById("container6"),
        dom7 = document.getElementById("container7"),
        dom8 = document.getElementById("container8"),
        dom9 = document.getElementById("container9"),
        myChart1 = echarts.init(dom1),
        myChart2 = echarts.init(dom2),
        myChart3 = echarts.init(dom3),
        myChart4 = echarts.init(dom4),
        myChart5 = echarts.init(dom5),
        myChart6 = echarts.init(dom6),
        myChart7 = echarts.init(dom7),
        myChart8 = echarts.init(dom8),
        myChart9 = echarts.init(dom9),
        option1,
        option2,
        option3,
        option4,
        option5,
        option6,
        option7,
        option8,
        option9;
    //350L 温度
    option1 = {
        legend: {
            data: ['主锅', '水锅', '油锅'],
            textStyle: {
                color: '#fff'
            },
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} °C'
            }
        },
        series: [
            {
                name: '主锅',
                connectNulls: true,
                type: 'line',
                data: [1, 1, 1, 1, 1, 1, 1]
            },
            {
                name: '水锅',
                type: 'line',
                connectNulls: true,
                data: [2, 2, 2, 2, 2, 2, 2]
            },
            {
                name: '油锅',
                type: 'line',
                connectNulls: true,
                data: [3, 3, 3, 3, 3, 3, 3]
            }
        ]
    };
    //350L 压力
    option2 = {
        legend: {
            data: ['主锅', '水锅', '油锅'],
            textStyle: {
                color: '#fff'
            },
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} Pa'
            }
        },
        series: [{
                name: '主锅',
                type: 'line',
                connectNulls: true,
                data: [1, 1, 1, 1, 1, 1, 1]
            },
            {
                name: '水锅',
                type: 'line',
                connectNulls: true,
                data: [2, 2, 2, 2, 2, 2, 2]
            },
            {
                name: '油锅',
                type: 'line',
                connectNulls: true,
                data: [3, 3, 3, 3, 3, 3, 3]
            }
        ]
    };
    option3 = {
        legend: {
            data: ['主锅1', '主锅2', '主锅3', '水锅', '油锅'],
            textStyle: {
                color: '#fff'
            },
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} r/min'
            }
        },
        series: [{
                name: '主锅1',
                type: 'line',
                connectNulls: true,
                data: [1, 1, 1, 1, 1, 1, 1]
            },
            {
                name: '主锅2',
                type: 'line',
                connectNulls: true,
                data: [2, 2, 2, 2, 2, 2, 2]
            },
            {
                name: '主锅3',
                type: 'line',
                connectNulls: true,
                data: [3, 3, 3, 3, 3, 3, 3]
            },
            {
                name: '水锅',
                type: 'line',
                connectNulls: true,
                data: [4, 4, 4, 4, 4, 4, 4,]
            },
            {
                name: '油锅',
                type: 'line',
                connectNulls: true,
                data: [5, 5, 5, 5, 5, 5, 5, 5]
            }
        ]
    };

    // 650L
    option4 = {
        legend: {
            data: ['主锅', '水锅', '油锅'],
            textStyle: {
                color: '#fff'
            },
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} °C'
            }
        },
        series: [{
            name: '主锅',
            type: 'line',
            connectNulls: true,
            data: [1, 1, 1, 1, 1, 1, 1]
        },
            {
                name: '水锅',
                type: 'line',
                connectNulls: true,
                data: [2, 2, 2, 2, 2, 2, 2]
            },
            {
                name: '油锅',
                type: 'line',
                connectNulls: true,
                data: [3, 3, 3, 3, 3, 3, 3]
            }
        ]
    };

    option5 = {
        legend: {
            data: ['主锅', '水锅', '油锅'],
            textStyle: {
                color: '#fff'
            },
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} Pa'
            }
        },
        series: [{
            name: '主锅',
            type: 'line',
            connectNulls: true,
            data: [1, 1, 1, 1, 1, 1, 1]
        },
            {
                name: '水锅',
                type: 'line',
                connectNulls: true,
                data: [2, 2, 2, 2, 2, 2, 2]
            },
            {
                name: '油锅',
                type: 'line',
                connectNulls: true,
                data: [3, 3, 3, 3, 3, 3, 3]
            }
        ]
    };
    option6 = {
        legend: {
            data: ['主锅1', '主锅2', '主锅3', '水锅', '油锅'],
            textStyle: {
                color: '#fff'
            },
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} r/min'
            }
        },
        series: [{
                name: '主锅1',
                type: 'line',
                connectNulls: true,
                data: [1, 1, 1, 1, 1, 1, 1]
            },
            {
                name: '主锅2',
                type: 'line',
                connectNulls: true,
                data: [2, 2, 2, 2, 2, 2, 2]
            },
            {
                name: '主锅3',
                type: 'line',
                connectNulls: true,
                data: [3, 3, 3, 3, 3, 3, 3]
            },
            {
                name: '水锅',
                type: 'line',
                connectNulls: true,
                data: [4, 4, 4, 4, 4, 4, 4,]
            },
            {
                name: '油锅',
                type: 'line',
                connectNulls: true,
                data: [5, 5, 5, 5, 5, 5, 5, 5]
            }
        ]
    };

    // 1000L
    option7 = {
        legend: {
            data: ['主锅'],
            textStyle: {
                color: '#fff'
            },
            padding:0
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            top:'20%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} °C'
            }
        },
        series: [{
            name: '主锅',
            type: 'line',
            data: [1, 1, 1, 1, 1, 1, 1]
        }
        ]
    };

    option8 = {
        legend: {
            data: ['主锅'],
            textStyle: {
                color: '#fff'
            },
            padding:0
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            top:'20%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} Pa'
            }
        },
        series: [{
            name: '主锅',
            type: 'line',
            data: [1, 1, 1, 1, 1, 1, 1]
        }
        ]
    };
    option9 = {
        legend: {
            data: ['主锅1', '主锅2', '主锅3'],
            textStyle: {
                color: '#fff'
            },
            padding:0
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '2%',
            top:'20%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {
                    show: false,
                } //控制保存按钮显示隐藏
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value} r/min'
            }
        },
        series: [{
            name: '主锅1',
            type: 'line',
            connectNulls: true,
            data: [1, 1, 1, 1, 1, 1, 1]
        },
            {
                name: '主锅2',
                type: 'line',
                connectNulls: true,
                data: [2, 2, 2, 2, 2, 2, 2]
            },
            {
                name: '主锅3',
                type: 'line',
                connectNulls: true,
                data: [3, 3, 3, 3, 3, 3, 3]
            }
        ]
    };
    // if (option && typeof option === 'object') {
    myChart1.setOption(option1);
    myChart2.setOption(option2);
    myChart3.setOption(option3);
    myChart4.setOption(option4);
    myChart5.setOption(option5);
    myChart6.setOption(option6);
    myChart7.setOption(option7);
    myChart8.setOption(option8);
    myChart9.setOption(option9);
    // }


    //称量任务数
    function weightOrderNumber() {
        $("#weightOrderNumberTotal").html();
        $("#weightOrderNumberFinish").html();
        $("#weightOrderRate").html();
        PostWebApi("weightOrderNumber", {}).done(function (data) {
            if (data.code === 0) {
                $("#weightOrderNumberTotal").html(data.data.weightTotalNumber);
                $("#weightOrderNumberFinish").html(data.data.weightFinishNumber);
                $("#weightOrderRate").html(data.data.rate + "%");
            } else {
                layer.msg(data.msg);
            }
        })
    }

    //配制任务数
    function configOrderNumber() {
        $("#configOrderNumberTotal").html();
        $("#configOrderNumberFinish").html();
        $("#configOrderRate").html();
        PostWebApi("configOrderNumber", {}).done(function (data) {
            if (data.code === 0) {
                $("#configOrderNumberTotal").html(data.data.configTotalNumber);
                $("#configOrderNumberFinish").html(data.data.configFinishNumber);
                $("#configOrderRate").html(data.data.rate + "%");
            } else {
                layer.msg(data.msg);
            }
        })
    }

    function loadChart() {
        PostWebApi("getBoardValueAll", {}).done(function (data) {
            if (data.code === 0) {
                var info = data.data;
                console.log(info);
                //加载图表数据——350L
                //处理温度图表
                var temCharts = info.tem;
                console.log(temCharts);
                //温度图表横坐标
                var temxAxis = [];
                //温度图表主锅纵坐标
                var temMainyAxis = []
                //温度图表水锅纵坐标
                var temWateryAxis = [];
                //温度图表油锅纵坐标
                var temOilyAxis = [];
                //温度图表主锅数据集合
                var temMainList = temCharts.mainCharts;
                //温度图表水锅数据集合
                var temWaterList = temCharts.waterCharts;
                //温度图表油锅数据集合
                var temOilList = temCharts.oilCharts;



                for (var i = 0; i < temMainList.length; i++) {
                    var temMainItem = temMainList[i];
                    var temWaterItem = temWaterList[i];
                    var temOilItem = temOilList[i];
                    temxAxis.push(temMainItem.xAxis)
                    temMainyAxis.push(temMainItem.yAxis)
                    temWateryAxis.push(temWaterItem.yAxis)
                    temOilyAxis.push(temOilItem.yAxis)
                }
                option1.xAxis.data = temxAxis;
                option1.series[0].data = temMainyAxis;
                option1.series[1].data = temWateryAxis;
                option1.series[2].data = temOilyAxis;
                myChart1.setOption(option1, true)

                //处理压力图表
                var pressureCharts = info.pressure;
                //压力图表横坐标
                var pressurexAxis = [];
                //压力图表主锅纵坐标
                var pressureMainyAxis = []
                //压力图表水锅纵坐标
                var pressureWateryAxis = [];
                //压力图表油锅纵坐标
                var pressureOilyAxis = [];
                //压力图表主锅数据集合
                var pressureMainList = pressureCharts.mainCharts;
                //压力图表水锅数据集合
                var pressureWaterList = pressureCharts.waterCharts;
                //压力图表油锅数据集合
                var pressureOilList = pressureCharts.oilCharts;
                for (var i = 0; i < pressureMainList.length; i++) {
                    var pressureMainItem = pressureMainList[i];
                    var pressureWaterItem = pressureWaterList[i];
                    var pressureOilItem = pressureOilList[i];
                    pressurexAxis.push(pressureMainItem.xAxis)
                    pressureMainyAxis.push(pressureMainItem.yAxis)
                    pressureWateryAxis.push(pressureWaterItem.yAxis)
                    pressureOilyAxis.push(pressureOilItem.yAxis)
                }
                option2.xAxis.data = pressurexAxis;
                option2.series[0].data = pressureMainyAxis;
                option2.series[1].data = pressureWateryAxis;
                option2.series[2].data = pressureOilyAxis;
                myChart2.setOption(option2, true)

                //处理转速图表
                var speedCharts = info.speed;
                //转速图表横坐标
                var speedxAxis = [];
                //主锅转速图表1纵坐标
                var speedMainyAxis1 = []
                //主锅转速图表2纵坐标
                var speedMainyAxis2 = []
                //主锅转速图表3纵坐标
                var speedMainyAxis3 = []
                //转速图表水锅纵坐标
                var speedWateryAxis = [];
                //转速图表油锅纵坐标
                var speedOilyAxis = [];
                //主锅转速1数据集合
                var speedMainList1 = speedCharts.mainCharts1;
                //主锅转速2数据集合
                var speedMainList2 = speedCharts.mainCharts2;
                //主锅转速3数据集合
                var speedMainList3 = speedCharts.mainCharts3;
                //转速图表水锅数据集合
                var speedWaterList = speedCharts.waterCharts;
                //转速图表油锅数据集合
                var speedOilList = speedCharts.oilCharts;
                for (var i = 0; i < speedMainList1.length; i++) {
                    var speedMainItem1 = speedMainList1[i];
                    var speedMainItem2 = speedMainList2[i];
                    var speedMainItem3 = speedMainList3[i];
                    var speedWaterItem = speedWaterList[i];
                    var speedOilItem = speedOilList[i];
                    speedxAxis.push(speedMainItem1.xAxis)
                    speedMainyAxis1.push(speedMainItem1.yAxis)
                    speedMainyAxis2.push(speedMainItem2.yAxis)
                    speedMainyAxis3.push(speedMainItem3.yAxis)
                    speedWateryAxis.push(speedWaterItem.yAxis)
                    speedOilyAxis.push(speedOilItem.yAxis)
                }
                option3.xAxis.data = speedxAxis;
                option3.series[0].data = speedMainyAxis1;
                option3.series[1].data = speedMainyAxis2;
                option3.series[2].data = speedMainyAxis3;
                option3.series[3].data = speedWateryAxis;
                option3.series[4].data = speedOilyAxis;
                myChart3.setOption(option3, true)


                //加载图表数据——650L
                //处理温度图表
                var temCharts = info.tem;
                console.log(temCharts);
                //温度图表横坐标
                var temxAxis = [];
                //温度图表主锅纵坐标
                var temMainyAxis = []
                //温度图表水锅纵坐标
                var temWateryAxis = [];
                //温度图表油锅纵坐标
                var temOilyAxis = [];
                //温度图表主锅数据集合
                var temMainList = temCharts.mainCharts2;
                //温度图表水锅数据集合
                var temWaterList = temCharts.waterCharts2;
                //温度图表油锅数据集合
                var temOilList = temCharts.oilCharts2;
                for (var i = 0; i < temMainList.length; i++) {
                    var temMainItem = temMainList[i];
                    var temWaterItem = temWaterList[i];
                    var temOilItem = temOilList[i];
                    temxAxis.push(temMainItem.xAxis)
                    temMainyAxis.push(temMainItem.yAxis)
                    temWateryAxis.push(temWaterItem.yAxis)
                    temOilyAxis.push(temOilItem.yAxis)
                }
                option4.xAxis.data = temxAxis;
                option4.series[0].data = temMainyAxis;
                option4.series[1].data = temWateryAxis;
                option4.series[2].data = temOilyAxis;
                myChart4.setOption(option4, true)

                //处理压力图表
                var pressureCharts = info.pressure;
                //压力图表横坐标
                var pressurexAxis = [];
                //压力图表主锅纵坐标
                var pressureMainyAxis = []
                //压力图表水锅纵坐标
                var pressureWateryAxis = [];
                //压力图表油锅纵坐标
                var pressureOilyAxis = [];
                //压力图表主锅数据集合
                var pressureMainList = pressureCharts.mainCharts2;
                //压力图表水锅数据集合
                var pressureWaterList = pressureCharts.waterCharts2;
                //压力图表油锅数据集合
                var pressureOilList = pressureCharts.oilCharts2;
                for (var i = 0; i < pressureMainList.length; i++) {
                    var pressureMainItem = pressureMainList[i];
                    var pressureWaterItem = pressureWaterList[i];
                    var pressureOilItem = pressureOilList[i];
                    pressurexAxis.push(pressureMainItem.xAxis)
                    pressureMainyAxis.push(pressureMainItem.yAxis)
                    pressureWateryAxis.push(pressureWaterItem.yAxis)
                    pressureOilyAxis.push(pressureOilItem.yAxis)
                }
                option5.xAxis.data = pressurexAxis;
                option5.series[0].data = pressureMainyAxis;
                option5.series[1].data = pressureWateryAxis;
                option5.series[2].data = pressureOilyAxis;
                myChart5.setOption(option5, true)

                //处理转速图表
                var speedCharts = info.speed;
                //转速图表横坐标
                var speedxAxis = [];
                //主锅转速图表1纵坐标
                var speedMainyAxis1 = []
                //主锅转速图表2纵坐标
                var speedMainyAxis2 = []
                //主锅转速图表3纵坐标
                var speedMainyAxis3 = []
                //转速图表水锅纵坐标
                var speedWateryAxis = [];
                //转速图表油锅纵坐标
                var speedOilyAxis = [];
                //主锅转速1数据集合
                var speedMainList1 = speedCharts.mainCharts12;
                //主锅转速2数据集合
                var speedMainList2 = speedCharts.mainCharts22;
                //主锅转速3数据集合
                var speedMainList3 = speedCharts.mainCharts32;
                //转速图表水锅数据集合
                var speedWaterList = speedCharts.waterCharts2;
                //转速图表油锅数据集合
                var speedOilList = speedCharts.oilCharts2;
                for (var i = 0; i < speedMainList1.length; i++) {
                    var speedMainItem1 = speedMainList1[i];
                    var speedMainItem2 = speedMainList2[i];
                    var speedMainItem3 = speedMainList3[i];
                    var speedWaterItem = speedWaterList[i];
                    var speedOilItem = speedOilList[i];
                    speedxAxis.push(speedMainItem1.xAxis)
                    speedMainyAxis1.push(speedMainItem1.yAxis)
                    speedMainyAxis2.push(speedMainItem2.yAxis)
                    speedMainyAxis3.push(speedMainItem3.yAxis)
                    speedWateryAxis.push(speedWaterItem.yAxis)
                    speedOilyAxis.push(speedOilItem.yAxis)
                }
                option6.xAxis.data = speedxAxis;
                option6.series[0].data = speedMainyAxis1;
                option6.series[1].data = speedMainyAxis2;
                option6.series[2].data = speedMainyAxis3;
                option6.series[3].data = speedWateryAxis;
                option6.series[4].data = speedOilyAxis;
                myChart6.setOption(option6, true)

                //加载图表数据——1000L主锅
                //处理温度图表
                var temCharts = info.tem;
                console.log(temCharts);
                //温度图表横坐标
                var temxAxis = [];
                //温度图表主锅纵坐标
                var temMainyAxis = []
                //温度图表主锅数据集合
                var temMainList = temCharts.mainCharts3;
                for (var i = 0; i < temMainList.length; i++) {
                    var temMainItem = temMainList[i];
                    temxAxis.push(temMainItem.xAxis)
                    temMainyAxis.push(temMainItem.yAxis)
                }
                option7.xAxis.data = temxAxis;
                option7.series[0].data = temMainyAxis;
                myChart7.setOption(option7, true)

                //处理压力图表
                var pressureCharts = info.pressure;
                //压力图表横坐标
                var pressurexAxis = [];
                //压力图表主锅纵坐标
                var pressureMainyAxis = []
                //压力图表主锅数据集合
                var pressureMainList = pressureCharts.mainCharts3;
                for (var i = 0; i < pressureMainList.length; i++) {
                    var pressureMainItem = pressureMainList[i];
                    pressurexAxis.push(pressureMainItem.xAxis)
                    pressureMainyAxis.push(pressureMainItem.yAxis)
                }
                option8.xAxis.data = pressurexAxis;
                option8.series[0].data = pressureMainyAxis;
                myChart8.setOption(option8, true)

                //处理转速图表
                var speedCharts = info.speed;
                //转速图表横坐标
                var speedxAxis = [];
                //主锅转速图表1纵坐标
                var speedMainyAxis1 = []
                //主锅转速图表2纵坐标
                var speedMainyAxis2 = []
                //主锅转速图表3纵坐标
                //主锅转速1数据集合
                var speedMainList1 = speedCharts.mainCharts13;
                //主锅转速2数据集合
                var speedMainList2 = speedCharts.mainCharts23;
                //主锅转速3数据集合
                var speedMainList3 = speedCharts.mainCharts33;
                for (var i = 0; i < speedMainList1.length; i++) {
                    var speedMainItem1 = speedMainList1[i];
                    var speedMainItem2 = speedMainList2[i];
                    var speedMainItem3 = speedMainList3[i];
                    speedxAxis.push(speedMainItem1.xAxis)
                    speedMainyAxis1.push(speedMainItem1.yAxis)
                    speedMainyAxis2.push(speedMainItem2.yAxis)
                    speedMainyAxis3.push(speedMainItem3.yAxis)
                }
                option9.xAxis.data = speedxAxis;
                option9.series[0].data = speedMainyAxis1;
                option9.series[1].data = speedMainyAxis2;
                option9.series[2].data = speedMainyAxis3;
                myChart9.setOption(option9, true)

            }
        })
    }

    weightOrderNumber()
    configOrderNumber()
    loadChart()

    setInterval(function () {
        weightOrderNumber()
        configOrderNumber()
        loadChart()
    }, 5000);

</script>


</body>
</html>
